@charset "utf-8";
/* 
	@名称: frame
	@功能: 后台页面结构
*/
a, a:VISITED	{ color: #0072C6; }
a:HOVER			{ color: #338ED1; text-decoration: none; }
a.gray, a:VISITED.gray	{ color: rgb(102, 102, 102); }
a:HOVER.gray 			{ color: rgba(102,102,102,.8) !important; }

/* 为动画效果隐藏滚动条 */
body { color:#444; height: 100%; overflow: hidden; }
body,button,input,select,textarea{ font:12px/1.5 "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif",\5b8b\4f53; }

/* 框架 */
header { background-color:#0072c5; color: #FFF; height:40px; position: relative; }
header .hover { background-color: #005798; cursor:pointer; }
header .hover { background-color: rgba(0,0,0,.12); cursor:pointer; }

/* header */
#hs-logo { background:url("img/logo.png") no-repeat; font-size: 26px; height: 40px; left: 15px; position:absolute; width: 165px; z-index: 2;}
#hs-toolbar { height: 40px; left:190px; position: absolute; right: 40px; z-index: 2; }
#hs-toolbar .hs-toolbar-button { color: #fff; cursor:pointer; display:inline-block; height: 40px; line-height:40px; padding: 0px 10px 0px 10px; }
#hs-toolbar .hs-toolbar-button img {  background-repeat: no-repeat; background-image: url("img/command.png"); cursor:pointer; height: 26px; position:relative; top: 7px; width: 0px; }
#hs-toolbar .hs-toolbar-button label { cursor:pointer; font-size: 14px; height:26px; margin-left: 4px;}

/* #hs-toolbar .hs-icon-create, #hs-toolbar .hs-icon-save, #hs-toolbar .hs-icon-download { width: 58px; }*/
#hs-toolbar .hs-icon-create img, #hs-toolbar .hs-icon-save img, #hs-toolbar .hs-icon-download img, #hs-toolbar .hs-icon-back img { width: 26px; }
/*#hs-toolbar .hs-icon-create label, #hs-toolbar .hs-icon-save label, #hs-toolbar .hs-icon-download label { left: 40px; }*/
#hs-toolbar .hs-icon-create img { background-position: 0px 0px; }
#hs-toolbar .hs-icon-save img { background-position: 0px -30px; }
#hs-toolbar .hs-icon-download img { background-position: 0px -60px; }
#hs-toolbar .hs-icon-back img { background-position: 0px -90px; }

.hs-toolbar-buttons { display: none; }

#hs-state { height: 40px; position: absolute; width: 100%; }
#hs-me { height: 40px; position: absolute; padding: 0px 10px 0px 10px; right: 10px; z-index: 2; }
#hs-me label { position: relative; right: 0px; top:5px; }
#hs-me img { height: 20px; position: relative; right: 0px; top:10px; width: 20px; }

#main { bottom:0px; left:0px; position: absolute; top:40px; right:0px; }

/* 分割 */
#master-splitter { bottom:0px; cursor: col-resize; left:0px; margin-left: 180px; position: absolute; top:0px; right:0px; width: 5px; z-index: 2; }
/* 消息 */ 
#message {}
/* 内容 */
#content { bottom: 0px; left: 0px; margin-left: 180px; padding-top: 10px; position: absolute; right: 0px; top: 0px; }
/* 为动画效果隐藏滚动条 */
#childpage { bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; }


#hs-pager { background-color: #fff; border-top: 1px solid #ccc;
bottom: 30px; height: 38px; left:0px; line-height:38px; padding: 0px 20px 0px 20px; position: absolute; right:0px }
/* 页脚 */
footer { background-color: #fff; border-top: 1px solid #ccc; bottom: 0px; height: 30px; left:0px; line-height:30px; padding: 0px 20px 0px 20px; position: absolute; right:0px}
footer * { margin: 0px 5px 0px 5px; }

/* 定义页面布局 */
.hs-layout-normal { bottom:30px; left:0px; overflow-y:scroll; padding: 5px 0px 5px 0px; position: absolute; right:0px; top:0px; }
.hs-layout-pager  { bottom:70px; left:0px; overflow-y:scroll; padding: 5px 0px 0px 0px; position:absolute; right: 0px; top: 0px; }

/* 定义表格 */
.hs-table { border: 0px; font-size: 14px; width: 100%; }
.hs-table th { border-bottom: 1px solid #ccc; font-size: 12px; padding-bottom: 10px; padding-left: 20px; font-weight: bold; }
.hs-table td { height: 30px; padding-left: 20px; }
.hs-table .hs-state-hover { background-color: #e5e5e5; }

/* #hs-list { display: block; bottom: 70px; overflow-y:scroll; padding-top:10px; position: absolute; top:0px; width: 100%;} */


/* 定义表单元素 */
input.hs-button { font:12px/1.1 "Microsoft Yahei", Verdana, Simsun, "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif",\5b8b\4f53; min-width:86px; width:auto; }
input.hs-text, select { height: 25px; }
input, select, textarea { border: 1px solid #bababa; }
input.hs-state-hover, select.hs-state-hover, textarea.hs-state-hover { border-color: #888; }

/* 定义表单 */
.hs-form { font-size:14px; }
.hs-form h2 { border-bottom: 1px solid #CCC; font-size: 150%; margin-bottom: 15px; padding: 0px 20px 0px 20px; }
.hs-form p { margin: 5px auto 5px auto; }
.hs-form label { display:inline-block; width:100px; padding-left: 20px; }
.hs-form .hs-text, .hs-form textarea { width:250px; }
.hs-form select { width:252px; }
.hs-form label.hs-validator-error { color: #C85305; font-size: 86%; margin-left: 10px; width:auto;}
.hs-label-long label { width: 150px; }

.hs-search { margin: 5px 10px 15px 10px; }
.hs-search label { display:inline-block; width:100px; padding: 0px 10px 0px 10px; }
.hs-search select { width:252px; }
.hs-search p { margin: 5px auto 5px auto; }
.hs-search .hs-text, .hs-search textarea { width:250px; }

/* 滚动条样式 */
::-webkit-scrollbar { width: 17px; height: 17px; background-color: #f0f0f0; border: none }
::-webkit-scrollbar-thumb { background-color: #cdcdcd; border: 1px solid #f0f0f0 }
::-webkit-scrollbar-thumb:hover { background-color: #dadada }
::-webkit-scrollbar-thumb:active { background-color: #606060 }
::-webkit-scrollbar-thumb:disabled { background-color: #f9f9f9 }
::-webkit-scrollbar-corner { background-color: #f0f0f0 }
::-webkit-scrollbar-button { background-color: #f0f0f0; background-image: url('img/controls.png'); background-repeat: no-repeat }
::-webkit-scrollbar-button:vertical { height: 33px }
::-webkit-scrollbar-button:horizontal { width: 33px }
::-webkit-scrollbar-button:horizontal:increment { background-position: 0 -444px }
::-webkit-scrollbar-button:horizontal:decrement { background-position: 12px -425px }
::-webkit-scrollbar-button:vertical:increment { background-position: -1px -391px }
::-webkit-scrollbar-button:vertical:decrement { background-position: -1px -358px }
::-webkit-scrollbar-button:hover { background-color: #dadada }
::-webkit-scrollbar-button:horizontal:increment:hover { background-position: 0 -548px }
::-webkit-scrollbar-button:horizontal:decrement:hover { background-position: 12px -529px }
::-webkit-scrollbar-button:vertical:increment:hover { background-position: -1px -495px }
::-webkit-scrollbar-button:vertical:decrement:hover { background-position: -1px -462px }
::-webkit-scrollbar-button:active { background-color: #606060 }
::-webkit-scrollbar-button:horizontal:increment:active { background-position: 0 -652px }
::-webkit-scrollbar-button:horizontal:decrement:active { background-position: 12px -633px }
::-webkit-scrollbar-button:vertical:increment:active { background-position: -1px -599px }
::-webkit-scrollbar-button:vertical:decrement:active { background-position: -1px -566px }
::-webkit-scrollbar-button:disabled { background-color: #f9f9f9 }
::-webkit-scrollbar-button:horizontal:increment:disabled { background-position: 0 -756px }
::-webkit-scrollbar-button:horizontal:decrement:disabled { background-position: 12px -737px }
::-webkit-scrollbar-button:vertical:increment:disabled { background-position: -1px -703px }
::-webkit-scrollbar-button:vertical:decrement:disabled { background-position: -1px -670px }